/*****************************************
Table Of Contents:
- Core Setup
- General Styles
- Typography
- Menu Styles
- Section Styles
- Components
- Header
- Navigation
- Mobile Menu
- Hero Section
- About
- Pricing Table
- Services
- Testimonials
- Footer
- Animations
- Overlay Menu
******************************************/

/**********************/
/*     Core Setup     */
/**********************/

@import url("https://cdn.jsdelivr.net/gh/SebastianAigner/twemoji-amazing@1.0.0/twemoji-amazing.css");
@import url("https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css");
@import url("https://use.typekit.net/svx2izk.css");

@tailwind base;
@tailwind components;
@tailwind utilities;

/**************************/
/*     General Styles     */
/**************************/
@layer base {
  body {
    @apply bg-dark-900 min-h-screen transition-all duration-150 ease-in-out;
  }
  * {
    @apply box-border antialiased;
  }
}

/**********************/
/*     Typography     */
/**********************/
@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply mb-2 font-bold text-dark-700 dark:text-white tracking-tight transition-all duration-150 ease-in-out;
  }
  h1 {
    @apply text-4xl;
  }
  h2 {
    @apply text-3xl;
  }
  h3 {
    @apply text-2xl;
  }
  h4 {
    @apply text-xl;
  }
  h5 {
    @apply text-lg;
  }
  h6 {
    @apply text-sm;
  }
  p {
    @apply mb-4 leading-relaxed
    dark:text-dark-300 text-dark-600 transition-all duration-150 ease-in-out;
  }
  a {
    @apply font-semibold text-brand hover:text-dark-700 dark:hover:text-white underline transition-all duration-150 ease-in-out hover:cursor-pointer;
  }
  li {
    @apply text-dark-600 dark:text-dark-300 transition-all duration-150 ease-in-out;
  }
}

/***********************/
/*     Menu Styles     */
/***********************/
@layer components {
  .menu {
    @apply flex flex-col;
  }

  .menu > li {
    @apply flex items-center overflow-hidden transition-all duration-150 ease-in-out hover:cursor-pointer;
  }
  .menu > li > button {
    @apply flex items-center px-6 py-3 border-l-4 h-full font-semibold text-xs uppercase tracking-wide transition-all duration-150 ease-in-out;
  }
}

/************************************/
/*     Section Component Styles     */
/************************************/
@layer components {
  .section-header {
    @apply mb-4;
  }
  .section-subhead {
    @apply mb-0 text-base;
  }
}

/**************************/
/*     Page Structure     */
/**************************/
@layer base {
  header {
    @apply z-20 fixed md:relative flex items-center bg-white dark:bg-dark-800 dark:border-dark-600 border-b border-light-200 w-full h-16 transition-all duration-150 ease-in-out;
  }

  main {
    @apply top-16 md:top-0 relative flex md:flex-row flex-col flex-1 md:overflow-hidden;
  }

  aside {
    @apply top-0 left-0 z-30 fixed flex flex-col md:flex-grow bg-dark-700 dark:bg-dark-700 pt-20 pb-6 dark:border-dark-600 border-t-0 border-r-0 border-b md:border-b-0 border-light-200 w-full md:w-64 h-full overflow-hidden transition-all duration-150 ease-in-out transform;
  }

  .section-header-wrapper {
    @apply relative flex flex-col bg-white dark:bg-dark-800 p-6 dark:border-dark-600 md:border-t-0 border-b border-light-200 transition-all duration-150 ease-in-out;
  }

  .input-column-wrapper {
    @apply flex flex-col flex-1 bg-white dark:bg-dark-800 dark:border-dark-600 border-r-0 md:border-r border-light-200 transition-all duration-150 ease-in-out;
  }

  .preview-column-wrapper {
    @apply relative flex flex-col flex-1 bg-light-100 dark:bg-dark-800 dark:border-dark-600 border-t md:border-t-0 border-light-200 transition-all duration-150 ease-in-out;
  }

  .preview-column-wrapper .buttons-wrapper {
    @apply relative flex gap-x-2 bg-light-100 dark:bg-dark-900 p-6 dark:border-dark-600 border-light-200 w-full transition-all duration-150 ease-in-out;
  }
}

/*****************************/
/*     Button Components     */
/*****************************/
@layer components {
  .btn-xs {
    @apply flex items-center px-2.5 py-2 rounded-md font-semibold text-xs no-underline transition-all duration-150 ease-in-out;
  }

  .btn-sm {
    @apply flex items-center px-3 py-2.5 rounded-md font-semibold text-xs no-underline uppercase transition-all duration-150 ease-in-out;
  }

  .btn-md {
    @apply flex items-center px-3 py-3 rounded-md font-semibold text-xs no-underline uppercase transition-all duration-150 ease-in-out;
  }

  .btn-lg {
    @apply flex items-center px-5 py-4 rounded-md font-semibold text-sm no-underline uppercase tracking-wider transition-all duration-150 ease-in-out;
  }

  .btn-square {
    @apply flex justify-center items-center rounded-md w-6 h-9 transition-all duration-150 ease-in-out;
  }
}

@layer components {
  .btn-brand {
    @apply bg-brand text-white
    dark:text-white hover:bg-brand-alt;
  }

  .btn-gray {
    @apply bg-light-200/50 dark:bg-dark-700
    text-dark-500 dark:text-dark-300
    hover:bg-light-200 dark:hover:bg-dark-600
    hover:text-dark-700 dark:hover:text-white;
  }

  .btn-gray-outline {
    @apply border dark:border-dark-600 border-light-200;
  }

  .btn-trans {
    @apply bg-transparent dark:bg-transparent
    text-dark-500 dark:text-dark-300
    hover:bg-transparent dark:hover:bg-transparent
    hover:text-dark-700 dark:hover:text-white;
  }
}

/***********************/
/*     Form Styles     */
/***********************/
@layer components {
  .form-label {
    @apply flex items-center self-start mb-2 font-semibold text-dark-700 dark:text-white text-xs uppercase transition-all duration-150 ease-in-out;
  }

  .input-field {
    @apply appearance-none py-2 flex items-center flex-1 rounded-md
    text-sm placeholder:text-sm
    bg-white dark:bg-dark-900
    text-dark-700 dark:text-white
    placeholder:text-dark-400 dark:placeholder:text-dark-400
    border hover:border focus:border
    focus:ring-offset-transparent
    ring-0 focus:ring-0
    ring-offset-0 focus:ring-offset-0
    outline-none focus:outline-none 
    border-light-200 focus:border-light-400
    dark:border-dark-800 dark:focus:border-dark-700
    focus:placeholder:hidden
    box-border
   transition-all duration-150 ease-in-out;
  }

  .minimal-input-field {
    @apply appearance-none outline-none focus:outline-none py-2 text-sm flex items-center pr-2 flex-1
    bg-white dark:bg-dark-900
    text-dark-700 dark:text-white
    placeholder:text-dark-400 dark:placeholder:text-dark-400
    focus:placeholder:hidden focus:ring-offset-0 focus:ring-0
    transition-all duration-150 ease-in-out
    border-light-200 focus:border-light-400
    dark:border-dark-800 dark:focus:border-dark-700;
  }

  .checkbox-input {
    @apply mr-2 border rounded-sm appearance-none focus:outline-none focus:ring-0
    bg-white dark:bg-dark-900
    checked:bg-brand dark:checked:bg-brand
    checked:group-hover:bg-brand-alt checked:group-hover:border-brand-alt
    checked:border-brand dark:checked:border-brand
    checked:focus:bg-brand
    dark:group-hover:bg-dark-900 group-hover:bg-white
    disabled:group-hover:bg-white dark:disabled:group-hover:bg-dark-900
    border-light-400 dark:border-dark-500 dark:checked:group-hover:border-brand-alt dark:checked:group-hover:bg-brand-alt
    disabled:cursor-not-allowed
    focus:ring-offset-0
    transition-all duration-150 ease-in-out;
  }
}

/***************************/
/*     Preview Styles     */
/***************************/
@layer base {
  #preview-container {
    @apply bg-light-100 dark:bg-dark-900 px-6 pb-6 h-full overflow-y-auto dark:text-dark-300 transition-all duration-150 ease-in-out;
  }

  #preview-container p {
    @apply mb-0;
  }

  #markdown-container {
    @apply bg-light-100 dark:bg-dark-900 px-6 pb-6 h-full overflow-y-auto font-code text-dark-500 dark:text-dark-300 text-xs transition-all duration-150 ease-in-out;
  }

  /* Ensure preview and markdown container parents have proper height constraints */
  .preview-column-wrapper > div:nth-child(2),
  .preview-column-wrapper > div:nth-child(3) {
    @apply flex-1 min-h-0;
  }
}

/****************************/
/*     Custom Dev Icons     */
/****************************/
@layer utilities {
  /* Constrain the size of the icons to ensure they do not overspill */
  .icon-bg {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .c.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/c.svg") !important;
  }
  html.dark .c {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/c-dark.svg") !important;
  }
  .c.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/c-colored.svg") !important;
  }
  html.dark .c.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/c-colored.svg") !important;
  }
  .cplusplus.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/cplusplus.svg") !important;
  }
  html.dark .cplusplus {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/cplusplus-dark.svg") !important;
  }
  .cplusplus.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/cplusplus-colored.svg") !important;
  }
  html.dark .cplusplus.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/cplusplus-colored.svg") !important;
  }
  .csharp.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/csharp.svg") !important;
  }
  html.dark .csharp {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/csharp-dark.svg") !important;
  }
  .csharp.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/csharp-colored.svg") !important;
  }
  html.dark .csharp.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/csharp-colored.svg") !important;
  }
  .coffeescript.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/coffeescript.svg") !important;
  }
  html.dark .coffeescript {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/coffeescript-dark.svg") !important;
  }
  .coffeescript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/coffeescript-colored.svg") !important;
  }
  html.dark .coffeescript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/coffeescript-colored-dark.svg") !important;
  }
  .dart.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dart.svg") !important;
  }
  html.dark .dart {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dart-dark.svg") !important;
  }
  .dart.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dart-colored.svg") !important;
  }
  html.dark .dart.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dart-colored.svg") !important;
  }
  .git.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git.svg") !important;
  }
  html.dark .git {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git-dark.svg") !important;
  }
  .git.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git-colored.svg") !important;
  }
  html.dark .git.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/git-colored.svg") !important;
  }
  .go {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/go.svg") !important;
  }
  html.dark .go {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/go-dark.svg") !important;
  }
  .go.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/go-colored.svg") !important;
  }
  html.dark .go.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/go-colored.svg") !important;
  }
  .java.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/java.svg") !important;
  }
  html.dark .java {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/java-dark.svg") !important;
  }
  .java.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/java-colored.svg") !important;
  }
  html.dark .java.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/java-colored.svg") !important;
  }
  .javascript.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript.svg") !important;
  }
  html.dark .javascript {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-dark.svg") !important;
  }
  .javascript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-colored.svg") !important;
  }
  html.dark .javascript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-colored.svg") !important;
  }
  .kotlin.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kotlin.svg") !important;
  }
  html.dark .kotlin {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kotlin-dark.svg") !important;
  }
  .kotlin.colored {
    background-image: url("https://gist.github.com/Dhina17/580adb1a05113ea4e7dc4fb346a657dc/raw/7c6ac7a7e0ebdd2886340a1ffbb2cc31e2d20a30/kotlin-colored.svg") !important;
  }
  html.dark .kotlin.colored {
    background-image: url("https://gist.github.com/Dhina17/580adb1a05113ea4e7dc4fb346a657dc/raw/7c6ac7a7e0ebdd2886340a1ffbb2cc31e2d20a30/kotlin-colored.svg") !important;
  }
  .lua.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/lua.svg") !important;
  }
  html.dark .lua {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/lua-dark.svg") !important;
  }
  .lua.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/lua-colored.svg") !important;
  }
  html.dark .lua.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/lua-colored.svg") !important;
  }
  .perl.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/perl.svg") !important;
  }
  html.dark .perl {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/perl-dark.svg") !important;
  }
  .perl.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/perl-colored.svg") !important;
  }
  html.dark .perl.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/perl-colored.svg") !important;
  }
  .php.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/php.svg") !important;
  }
  html.dark .php {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/php-dark.svg") !important;
  }
  .php.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/php-colored.svg") !important;
  }
  html.dark .php.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/php-colored.svg") !important;
  }
  .python.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/python.svg") !important;
  }
  html.dark .python {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/python-dark.svg") !important;
  }
  .python.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/python-colored.svg") !important;
  }
  html.dark .python.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/python-colored.svg") !important;
  }
  .rlang.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rlang.svg") !important;
  }
  html.dark .rlang {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rlang-dark.svg") !important;
  }
  .rlang.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rlang-colored.svg") !important;
  }
  html.dark .rlang.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rlang-colored.svg") !important;
  }
  .ruby.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ruby.svg") !important;
  }
  html.dark .ruby {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ruby-dark.svg") !important;
  }
  .ruby.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ruby-colored.svg") !important;
  }
  html.dark .ruby.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ruby-colored.svg") !important;
  }
  .rust.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rust.svg") !important;
  }
  html.dark .rust {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rust-dark.svg") !important;
  }
  .rust.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rust-colored.svg") !important;
  }
  html.dark .rust.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/rust-colored-dark.svg") !important;
  }
  .swift.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/swift.svg") !important;
  }
  html.dark .swift {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/swift-dark.svg") !important;
  }
  .swift.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/swift-colored.svg") !important;
  }
  html.dark .swift.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/swift-colored.svg") !important;
  }
  .typescript.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/typescript.svg") !important;
  }
  html.dark .typescript {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/typescript-dark.svg") !important;
  }
  .typescript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/typescript-colored.svg") !important;
  }
  html.dark .typescript.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/typescript-colored.svg") !important;
  }

  .html5.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/html5.svg") !important;
  }
  html.dark .html5 {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/html5-dark.svg") !important;
  }
  .html5.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/html5-colored.svg") !important;
  }
  html.dark .html5.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/html5-colored.svg") !important;
  }
  .react.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react.svg") !important;
  }
  html.dark .react {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-dark.svg") !important;
  }
  .react.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg") !important;
  }
  html.dark .react.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/react-colored.svg") !important;
  }
  .nextjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nextjs.svg") !important;
  }
  html.dark .nextjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nextjs-dark.svg") !important;
  }
  .nextjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nextjs-colored.svg") !important;
  }
  html.dark .nextjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nextjs-colored-dark.svg") !important;
  }
  .vuejs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs.svg") !important;
  }
  html.dark .vuejs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-dark.svg") !important;
  }
  .vuejs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg") !important;
  }
  html.dark .vuejs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vuejs-colored.svg") !important;
  }
  .nuxtjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nuxtjs.svg") !important;
  }
  html.dark .nuxtjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nuxtjs-dark.svg") !important;
  }
  .nuxtjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nuxtjs-colored.svg") !important;
  }
  html.dark .nuxtjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nuxtjs-colored.svg") !important;
  }
  .gatsby.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gatsby.svg") !important;
  }
  html.dark .gatsby {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gatsby-dark.svg") !important;
  }
  .gatsby.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gatsby-colored.svg") !important;
  }
  html.dark .gatsby.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gatsby-colored.svg") !important;
  }
  .angularjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/angularjs.svg") !important;
  }
  html.dark .angularjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/angularjs-dark.svg") !important;
  }
  .angularjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/angularjs-colored.svg") !important;
  }
  html.dark .angularjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/angularjs-colored.svg") !important;
  }
  .jquery.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/jquery.svg") !important;
  }
  html.dark .jquery {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/jquery-dark.svg") !important;
  }
  .jquery.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/jquery-colored.svg") !important;
  }
  html.dark .jquery.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/jquery-colored.svg") !important;
  }
  .css3.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/css3.svg") !important;
  }
  html.dark .css3 {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/css3-dark.svg") !important;
  }
  .css3.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/css3-colored.svg") !important;
  }
  html.dark .css3.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/css3-colored.svg") !important;
  }
  .sass.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sass.svg") !important;
  }
  html.dark .sass {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sass-dark.svg") !important;
  }
  .sass.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sass-colored.svg") !important;
  }
  html.dark .sass.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sass-colored.svg") !important;
  }
  .tailwindcss.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tailwindcss.svg") !important;
  }
  html.dark .tailwindcss {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tailwindcss-dark.svg") !important;
  }
  .tailwindcss.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tailwindcss-colored.svg") !important;
  }
  html.dark .tailwindcss.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tailwindcss-colored.svg") !important;
  }
  .chakra.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chakra.svg") !important;
  }
  html.dark .chakra {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chakra-dark.svg") !important;
  }
  .chakra.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chakra-colored.svg") !important;
  }
  html.dark .chakra.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chakra-colored.svg") !important;
  }
  .bootstrap.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/bootstrap.svg") !important;
  }
  html.dark .bootstrap {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/bootstrap-dark.svg") !important;
  }
  .bootstrap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/bootstrap-colored.svg") !important;
  }
  html.dark .bootstrap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/bootstrap-colored.svg") !important;
  }
  .materialui.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/materialui.svg") !important;
  }
  html.dark .materialui {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/materialui-dark.svg") !important;
  }
  .materialui.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/materialui-colored.svg") !important;
  }
  html.dark .materialui.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/materialui-colored.svg") !important;
  }
  .redux.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/redux.svg") !important;
  }
  html.dark .redux {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/redux-dark.svg") !important;
  }
  .redux.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/redux-colored.svg") !important;
  }
  html.dark .redux.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/redux-colored.svg") !important;
  }
  .webpack.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webpack.svg") !important;
  }
  html.dark .webpack {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webpack-dark.svg") !important;
  }
  .webpack.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webpack-colored.svg") !important;
  }
  html.dark .webpack.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webpack-colored.svg") !important;
  }
  .babel.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/babel.svg") !important;
  }
  html.dark .babel {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/babel-dark.svg") !important;
  }
  .babel.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/babel-colored.svg") !important;
  }
  html.dark .babel.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/babel-colored-dark.svg") !important;
  }
  .svelte.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/svelte.svg") !important;
  }
  html.dark .svelte {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/svelte-dark.svg") !important;
  }
  .svelte.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/svelte-colored.svg") !important;
  }
  html.dark .svelte.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/svelte-colored.svg") !important;
  }
  .vite.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vite.svg") !important;
  }
  html.dark .vite {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vite-dark.svg") !important;
  }
  .vite.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vite-colored.svg") !important;
  }
  html.dark .vite.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vite-colored.svg") !important;
  }
  .remix.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/remix.svg") !important;
  }
  html.dark .remix {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/remix-dark.svg") !important;
  }
  .remix.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/remix-colored.svg") !important;
  }
  html.dark .remix.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/remix-colored-dark.svg") !important;
  }
  .netlify.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/netlify.svg") !important;
  }
  html.dark .netlify {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/netlify-dark.svg") !important;
  }
  .netlify.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/netlify-colored.svg") !important;
  }
  html.dark .netlify.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/netlify-colored.svg") !important;
  }
  /** Backend icons **/
  .nodejs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs.svg") !important;
  }
  html.dark .nodejs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-dark.svg") !important;
  }
  .nodejs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg") !important;
  }
  html.dark .nodejs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nodejs-colored.svg") !important;
  }
  .express.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/express.svg") !important;
  }
  html.dark .express {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/express-dark.svg") !important;
  }
  .express.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/express-colored.svg") !important;
  }
  html.dark .express.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/express-colored-dark.svg") !important;
  }

  .graphql.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/graphql.svg") !important;
  }
  html.dark .graphql {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/graphql-dark.svg") !important;
  }
  .graphql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/graphql-colored.svg") !important;
  }
  html.dark .graphql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/graphql-colored.svg") !important;
  }
  .oracle.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/oracle.svg") !important;
  }
  html.dark .oracle {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/oracle-dark.svg") !important;
  }
  .oracle.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/oracle-colored.svg") !important;
  }
  html.dark .oracle.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/oracle-colored.svg") !important;
  }
  .nestjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nestjs.svg") !important;
  }
  html.dark .nestjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nestjs-dark.svg") !important;
  }
  .nestjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nestjs-colored.svg") !important;
  }
  html.dark .nestjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nestjs-colored.svg") !important;
  }
  .mongodb.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb.svg") !important;
  }
  html.dark .mongodb {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-dark.svg") !important;
  }
  .mongodb.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg") !important;
  }
  html.dark .mongodb.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mongodb-colored.svg") !important;
  }
  .mysql.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mysql.svg") !important;
  }
  html.dark .mysql {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mysql-dark.svg") !important;
  }
  .mysql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mysql-colored.svg") !important;
  }
  html.dark .mysql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/mysql-colored.svg") !important;
  }
  .postgresql.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/postgresql.svg") !important;
  }
  html.dark .postgresql {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/postgresql-dark.svg") !important;
  }
  .postgresql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/postgresql-colored.svg") !important;
  }
  html.dark .postgresql.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/postgresql-colored.svg") !important;
  }
  .firebase.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/firebase.svg") !important;
  }
  html.dark .firebase {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/firebase-dark.svg") !important;
  }
  .firebase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/firebase-colored.svg") !important;
  }
  html.dark .firebase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/firebase-colored.svg") !important;
  }
  .appwrite.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/appwrite.svg") !important;
  }
  html.dark .appwrite {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/appwrite-dark.svg") !important;
  }
  .appwrite.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/appwrite-colored.svg") !important;
  }
  html.dark .appwrite.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/appwrite-colored-dark.svg") !important;
  }
  .heroku.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/heroku.svg") !important;
  }
  html.dark .heroku {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/heroku-dark.svg") !important;
  }
  .heroku.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/heroku-colored.svg") !important;
  }
  html.dark .heroku.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/heroku-colored.svg") !important;
  }
  .flask.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flask.svg") !important;
  }
  html.dark .flask {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flask-dark.svg") !important;
  }
  .flask.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flask-colored.svg") !important;
  }
  html.dark .flask.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flask-colored-dark.svg") !important;
  }
  .render.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/render.svg") !important;
  }
  html.dark .render {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/render-dark.svg") !important;
  }
  .render.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/render-colored.svg") !important;
  }
  html.dark .render.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/render-colored.svg") !important;
  }
  /** Editor icons **/
  .visualstudiocode.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/visualstudiocode.svg") !important;
  }
  html.dark .visualstudiocode {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/visualstudiocode-dark.svg") !important;
  }
  .visualstudiocode.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/visualstudiocode-colored.svg") !important;
  }
  html.dark .visualstudiocode.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/visualstudiocode-colored.svg") !important;
  }
  .vim.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vim.svg") !important;
  }
  html.dark .vim {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vim-dark.svg") !important;
  }
  .vim.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vim-colored.svg") !important;
  }
  html.dark .vim.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/vim-colored.svg") !important;
  }
  .neovim.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/neovim.svg") !important;
  }
  html.dark .neovim {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/neovim-dark.svg") !important;
  }
  .neovim.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/neovim-colored.svg") !important;
  }
  html.dark .neovim.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/neovim-colored.svg") !important;
  }
  .emacs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emacs.svg") !important;
  }
  html.dark .emacs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emacs-dark.svg") !important;
  }
  .emacs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emacs-colored.svg") !important;
  }
  html.dark .emacs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emacs-colored.svg") !important;
  }
  .sublimetext.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sublimetext.svg") !important;
  }
  html.dark .sublimetext {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sublimetext-dark.svg") !important;
  }
  .sublimetext.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sublimetext-colored.svg") !important;
  }
  html.dark .sublimetext.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sublimetext-colored.svg") !important;
  }
  .xcode.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xcode.svg") !important;
  }
  html.dark .xcode {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xcode-dark.svg") !important;
  }
  .xcode.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xcode-colored.svg") !important;
  }
  html.dark .xcode.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xcode-colored.svg") !important;
  }

  /** Software icons **/
  .photoshop.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/photoshop.svg") !important;
  }
  html.dark .photoshop {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/photoshop-dark.svg") !important;
  }
  .photoshop.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/photoshop-colored.svg") !important;
  }
  html.dark .photoshop.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/photoshop-colored-dark.svg") !important;
  }
  .illustrator.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/illustrator.svg") !important;
  }
  html.dark .illustrator {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/illustrator-dark.svg") !important;
  }
  .illustrator.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/illustrator-colored.svg") !important;
  }
  html.dark .illustrator.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/illustrator-colored-dark.svg") !important;
  }
  .aftereffects.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aftereffects.svg") !important;
  }
  html.dark .aftereffects {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aftereffects-dark.svg") !important;
  }
  .aftereffects.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aftereffects-colored.svg") !important;
  }
  html.dark .aftereffects.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aftereffects-colored-dark.svg") !important;
  }
  .premierepro.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/premierepro.svg") !important;
  }
  html.dark .premierepro {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/premierepro-dark.svg") !important;
  }
  .premierepro.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/premierepro-colored.svg") !important;
  }
  html.dark .premierepro.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/premierepro-colored-dark.svg") !important;
  }
  .xd.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xd.svg") !important;
  }
  html.dark .xd {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xd-dark.svg") !important;
  }
  .xd.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xd-colored.svg") !important;
  }
  html.dark .xd.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/xd-colored-dark.svg") !important;
  }
  .figma.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/figma.svg") !important;
  }
  html.dark .figma {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/figma-dark.svg") !important;
  }
  .figma.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/figma-colored.svg") !important;
  }
  html.dark .figma.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/figma-colored.svg") !important;
  }
  .sketch.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sketch.svg") !important;
  }
  html.dark .sketch {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sketch-dark.svg") !important;
  }
  .sketch.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sketch-colored.svg") !important;
  }
  html.dark .sketch.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sketch-colored.svg") !important;
  }
  /** Web3 icons **/
  .fastapi.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fastapi.svg") !important;
  }
  html.dark .fastapi {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fastapi-dark.svg") !important;
  }
  .fastapi.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fastapi-colored.svg") !important;
  }
  html.dark .fastapi.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fastapi-colored.svg") !important;
  }
  .supabase.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/supabase.svg") !important;
  }
  html.dark .supabase {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/supabase-dark.svg") !important;
  }
  .supabase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/supabase-colored.svg") !important;
  }
  html.dark .supabase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/supabase-colored.svg") !important;
  }
  .uniswap.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/uniswap.svg") !important;
  }
  html.dark .uniswap {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/uniswap-dark.svg") !important;
  }
  .uniswap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/uniswap-colored.svg") !important;
  }
  html.dark .uniswap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/uniswap-colored.svg") !important;
  }
  .aave.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aave.svg") !important;
  }
  html.dark .aave {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aave-dark.svg") !important;
  }
  .aave.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aave-colored.svg") !important;
  }
  html.dark .aave.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aave-colored.svg") !important;
  }
  .sushiswap.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sushiswap.svg") !important;
  }
  html.dark .sushiswap {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sushiswap-dark.svg") !important;
  }
  .sushiswap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sushiswap-colored.svg") !important;
  }
  html.dark .sushiswap.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/sushiswap-colored.svg") !important;
  }
  .metamask.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/metamask.svg") !important;
  }
  html.dark .metamask {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/metamask-dark.svg") !important;
  }
  .metamask.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/metamask-colored.svg") !important;
  }
  html.dark .metamask.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/metamask-colored.svg") !important;
  }
  .argent.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/argent.svg") !important;
  }
  html.dark .argent {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/argent-dark.svg") !important;
  }
  .argent.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/argent-colored.svg") !important;
  }
  html.dark .argent.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/argent-colored.svg") !important;
  }
  .nansen.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nansen.svg") !important;
  }
  html.dark .nansen {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nansen-dark.svg") !important;
  }
  .nansen.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nansen-colored.svg") !important;
  }
  html.dark .nansen.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/nansen-colored.svg") !important;
  }
  .chainlink.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chainlink.svg") !important;
  }
  html.dark .chainlink {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chainlink-dark.svg") !important;
  }
  .chainlink.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chainlink-colored.svg") !important;
  }
  html.dark .chainlink.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/chainlink-colored.svg") !important;
  }
  .the-graph.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/the-graph.svg") !important;
  }
  html.dark .the-graph {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/the-graph-dark.svg") !important;
  }
  .the-graph.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/the-graph-colored.svg") !important;
  }
  html.dark .the-graph.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/the-graph-colored.svg") !important;
  }
  .ethers.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethers.svg") !important;
  }
  html.dark .ethers {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethers-dark.svg") !important;
  }
  .ethers.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethers-colored.svg") !important;
  }
  html.dark .ethers.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethers-colored.svg") !important;
  }
  .web3js.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js.svg") !important;
  }
  html.dark .web3js {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-dark.svg") !important;
  }
  .web3js.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-colored.svg") !important;
  }
  html.dark .web3js.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-colored.svg") !important;
  }
  .alchemy.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/alchemy.svg") !important;
  }
  html.dark .alchemy {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/alchemy-dark.svg") !important;
  }
  .alchemy.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/alchemy-colored.svg") !important;
  }
  html.dark .alchemy.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/alchemy-colored.svg") !important;
  }
  .hardhat.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/hardhat.svg") !important;
  }
  html.dark .hardhat {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/hardhat-dark.svg") !important;
  }
  .hardhat.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/hardhat-colored.svg") !important;
  }
  html.dark .hardhat.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/hardhat-colored.svg") !important;
  }
  .truffle.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/truffle.svg") !important;
  }
  html.dark .truffle {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/truffle-dark.svg") !important;
  }
  .truffle.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/truffle-colored.svg") !important;
  }
  html.dark .truffle.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/truffle-colored.svg") !important;
  }
  .spring-boot.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/spring-boot.svg") !important;
  }
  html.dark .spring-boot {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/spring-boot-dark.svg") !important;
  }
  .spring-boot.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/spring-boot-colored.svg") !important;
  }
  html.dark .spring-boot.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/spring-boot-colored.svg") !important;
  }
  .ipfs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ipfs.svg") !important;
  }
  html.dark .ipfs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ipfs-dark.svg") !important;
  }
  .ipfs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ipfs-colored.svg") !important;
  }
  html.dark .ipfs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ipfs-colored-dark.svg") !important;
  }
  .filebase.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/filebase.svg") !important;
  }
  html.dark .filebase {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/filebase-dark.svg") !important;
  }
  .filebase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/filebase-colored.svg") !important;
  }
  html.dark .filebase.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/filebase-colored.svg") !important;
  }
  .arweave.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arweave.svg") !important;
  }
  html.dark .arweave {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arweave-dark.svg") !important;
  }
  .arweave.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arweave-colored.svg") !important;
  }
  html.dark .arweave.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arweave-colored-dark.svg") !important;
  }
  .ethereum.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethereum.svg") !important;
  }
  html.dark .ethereum {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethereum-dark.svg") !important;
  }
  .ethereum.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethereum-colored.svg") !important;
  }
  html.dark .ethereum.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ethereum-colored.svg") !important;
  }
  .polygon.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/polygon.svg") !important;
  }
  html.dark .polygon {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/polygon-dark.svg") !important;
  }
  .polygon.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/polygon-colored.svg") !important;
  }
  html.dark .polygon.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/polygon-colored.svg") !important;
  }
  .arbitrum.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arbitrum.svg") !important;
  }
  html.dark .arbitrum {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arbitrum-dark.svg") !important;
  }
  .arbitrum.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arbitrum-colored.svg") !important;
  }
  html.dark .arbitrum.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arbitrum-colored.svg") !important;
  }
  .avalanche.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/avalanche.svg") !important;
  }
  html.dark .avalanche {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/avalanche-dark.svg") !important;
  }
  .avalanche.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/avalanche-colored.svg") !important;
  }
  html.dark .avalanche.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/avalanche-colored.svg") !important;
  }
  .near.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/near.svg") !important;
  }
  html.dark .near {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/near-dark.svg") !important;
  }
  .near.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/near-colored.svg") !important;
  }
  html.dark .near.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/near-colored-dark.svg") !important;
  }
  .flow.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flow.svg") !important;
  }
  html.dark .flow {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flow-dark.svg") !important;
  }
  .flow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flow-colored.svg") !important;
  }
  html.dark .flow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flow-colored.svg") !important;
  }
  .solana.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solana.svg") !important;
  }
  html.dark .solana {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solana-dark.svg") !important;
  }
  .solana.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solana-colored.svg") !important;
  }
  html.dark .solana.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solana-colored.svg") !important;
  }
  .terra.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/terra.svg") !important;
  }
  html.dark .terra {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/terra-dark.svg") !important;
  }
  .terra.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/terra-colored.svg") !important;
  }
  html.dark .terra.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/terra-colored.svg") !important;
  }
  /** Cloud icons **/
  .googlecloud.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/googlecloud.svg") !important;
  }
  html.dark .googlecloud {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/googlecloud-dark.svg") !important;
  }
  .googlecloud.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/googlecloud-colored.svg") !important;
  }
  html.dark .googlecloud.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/googlecloud-colored.svg") !important;
  }
  .azure.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/azure.svg") !important;
  }
  html.dark .azure {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/azure-dark.svg") !important;
  }
  .azure.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/azure-colored.svg") !important;
  }
  html.dark .azure.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/azure-colored.svg") !important;
  }
  .framer.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer.svg") !important;
  }
  html.dark .framer {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer-dark.svg") !important;
  }
  .framer.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer-colored.svg") !important;
  }
  html.dark .framer.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer-colored.svg") !important;
  }
  .squarespace.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/squarespace.svg") !important;
  }
  html.dark .squarespace {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/squarespace-dark.svg") !important;
  }
  .squarespace.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/squarespace-colored.svg") !important;
  }
  html.dark .squarespace.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/squarespace-colored-dark.svg") !important;
  }
  .wix.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wix.svg") !important;
  }
  html.dark .wix {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wix-dark.svg") !important;
  }
  .wix.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wix-colored.svg") !important;
  }
  html.dark .wix.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wix-colored.svg") !important;
  }
  .wordpress.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wordpress.svg") !important;
  }
  html.dark .wordpress {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wordpress-dark.svg") !important;
  }
  .wordpress.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wordpress-colored.svg") !important;
  }
  html.dark .wordpress.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/wordpress-colored.svg") !important;
  }
  .webflow.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webflow.svg") !important;
  }
  html.dark .webflow {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webflow-dark.svg") !important;
  }
  .webflow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webflow-colored.svg") !important;
  }
  html.dark .webflow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/webflow-colored.svg") !important;
  }
  /** Embedded icons **/
  .arduino.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino.svg") !important;
  }
  html.dark .arduino {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-dark.svg") !important;
  }
  .arduino.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg") !important;
  }
  html.dark .arduino.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/arduino-colored.svg") !important;
  }
  .raspberrypi.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi.svg") !important;
  }
  html.dark .raspberrypi {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-dark.svg") !important;
  }
  .raspberrypi.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg") !important;
  }
  html.dark .raspberrypi.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/raspberrypi-colored.svg") !important;
  }
  .yocto.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto.svg") !important;
  }
  html.dark .yocto {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-dark.svg") !important;
  }
  .yocto.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-colored.svg") !important;
  }
  html.dark .yocto.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/yocto-colored.svg") !important;
  }
  /** Operating System icons **/
  .linux.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux.svg") !important;
  }
  html.dark .linux {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-dark.svg") !important;
  }
  .linux.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg") !important;
  }
  html.dark .linux.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/linux-colored.svg") !important;
  }
  .macos.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos.svg") !important;
  }
  html.dark .macos {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-dark.svg") !important;
  }
  .macos.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored.svg") !important;
  }
  html.dark .macos.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/macos-colored-dark.svg") !important;
  }
  .fedora.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora.svg") !important;
  }
  html.dark .fedora {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-dark.svg") !important;
  }
  .fedora.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-colored.svg") !important;
  }
  html.dark .fedora.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/fedora-colored.svg") !important;
  }
  .ubuntu.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu.svg") !important;
  }
  html.dark .ubuntu {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-dark.svg") !important;
  }
  .ubuntu.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-colored.svg") !important;
  }
  html.dark .ubuntu.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/ubuntu-colored.svg") !important;
  }
  /** Other icons **/
  .dot-net.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net.svg") !important;
  }
  html.dark .dot-net {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net-dark.svg") !important;
  }
  .dot-net.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net-colored.svg") !important;
  }
  html.dark .dot-net.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/dot-net-colored.svg") !important;
  }
  .django.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/django.svg") !important;
  }
  html.dark .django {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/django-dark.svg") !important;
  }
  .django.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/django-colored.svg") !important;
  }
  html.dark .django.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/django-colored-dark.svg") !important;
  }
  .laravel.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/laravel.svg") !important;
  }
  html.dark .laravel {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/laravel-dark.svg") !important;
  }
  .laravel.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/laravel-colored.svg") !important;
  }
  html.dark .laravel.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/laravel-colored.svg") !important;
  }
  .flutter.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flutter.svg") !important;
  }
  html.dark .flutter {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flutter-dark.svg") !important;
  }
  .flutter.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flutter-colored.svg") !important;
  }
  html.dark .flutter.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/flutter-colored.svg") !important;
  }
  .aws.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aws.svg") !important;
  }
  html.dark .aws {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aws-dark.svg") !important;
  }
  .aws.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aws-colored.svg") !important;
  }
  html.dark .aws.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/aws-colored-dark.svg") !important;
  }
  .blender.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender.svg") !important;
  }
  html.dark .blender {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender-dark.svg") !important;
  }
  .blender.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender-colored.svg") !important;
  }
  html.dark .blender.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/blender-colored.svg") !important;
  }
  .digitalocean.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/digitalocean.svg") !important;
  }
  html.dark .digitalocean {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/digitalocean-dark.svg") !important;
  }
  .digitalocean.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/digitalocean-colored.svg") !important;
  }
  html.dark .digitalocean.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/digitalocean-colored.svg") !important;
  }
  .docker.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker.svg") !important;
  }
  html.dark .docker {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-dark.svg") !important;
  }
  .docker.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg") !important;
  }
  html.dark .docker.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/docker-colored.svg") !important;
  }
  .pytorch.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch.svg") !important;
  }
  html.dark .pytorch {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-dark.svg") !important;
  }
  .pytorch.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-colored.svg") !important;
  }
  html.dark .pytorch.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/pytorch-colored.svg") !important;
  }
  .tensorflow.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow.svg") !important;
  }
  html.dark .tensorflow {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow-dark.svg") !important;
  }
  .tensorflow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow-colored.svg") !important;
  }
  html.dark .tensorflow.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/tensorflow-colored.svg") !important;
  }
  .kubernetes.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kubernetes.svg") !important;
  }
  html.dark .kubernetes {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kubernetes-dark.svg") !important;
  }
  .kubernetes.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kubernetes-colored.svg") !important;
  }
  html.dark .kubernetes.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/kubernetes-colored.svg") !important;
  }
  .gnubash.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gnubash.svg") !important;
  }
  html.dark .gnubash {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gnubash-dark.svg") !important;
  }
  .gnubash.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gnubash-colored.svg") !important;
  }
  html.dark .gnubash.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/gnubash-colored.svg") !important;
  }
  .emberjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emberjs.svg") !important;
  }
  html.dark .emberjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emberjs-dark.svg") !important;
  }
  .emberjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emberjs-colored.svg") !important;
  }
  html.dark .emberjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/emberjs-colored-dark.svg") !important;
  }
  .servomon.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/servomon.svg") !important;
  }
  html.dark .servomon {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/servomon-dark.svg") !important;
  }
  .servomon.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/servomon-colored.svg") !important;
  }
  html.dark .servomon.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/servomon-colored.svg") !important;
  }
  .web3js.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js.svg") !important;
  }
  html.dark .web3js {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-dark.svg") !important;
  }
  .web3js.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-colored.svg") !important;
  }
  html.dark .web3js.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/web3js-colored.svg") !important;
  }
  .framer.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer.svg") !important;
  }
  html.dark .framer {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/framer-dark.svg") !important;
  }

  /* New icons added */
  .astro.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/astro.svg") !important;
  }
  html.dark .astro {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/astro-dark.svg") !important;
  }
  .astro.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/astro-colored.svg") !important;
  }
  html.dark .astro.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/astro-colored-dark.svg") !important;
  }

  .quik.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/quik.svg") !important;
  }
  html.dark .quik {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/quik-dark.svg") !important;
  }
  .quik.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/quik-colored.svg") !important;
  }
  html.dark .quik.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/quik-colored.svg") !important;
  }

  .solidjs.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solidjs.svg") !important;
  }
  html.dark .solidjs {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solidjs-dark.svg") !important;
  }
  .solidjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solidjs-colored.svg") !important;
  }
  html.dark .solidjs.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/solidjs-colored.svg") !important;
  }

  .shadcnui.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/shadcnui.svg") !important;
  }
  html.dark .shadcnui {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/shadcn-dark.svg") !important;
  }
  .shadcnui.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/shadcnui-colored.svg") !important;
  }
  html.dark .shadcnui.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/shadcnui-colored.svg") !important;
  }

  .planetscale.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/planetscale.svg") !important;
  }
  html.dark .planetscale {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/planetscale-dark.svg") !important;
  }
  .planetscale.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/planetscale-colored.svg") !important;
  }
  html.dark .planetscale.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/planetscale-colored.svg") !important;
  }

  .clerk.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/clerk.svg") !important;
  }
  html.dark .clerk {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/clerk-dark.svg") !important;
  }
  .clerk.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/clerk-colored.svg") !important;
  }
  html.dark .clerk.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/clerk-colored.svg") !important;
  }

  .resend.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/resend.svg") !important;
  }
  html.dark .resend {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/resend-dark.svg") !important;
  }
  .resend.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/resend-colored.svg") !important;
  }
  html.dark .resend.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/resend-colored.svg") !important;
  }

  .huggingface.icon-bg {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/huggingface.svg") !important;
  }
  html.dark .huggingface {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/huggingface-dark.svg") !important;
  }
  .huggingface.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/huggingface-colored.svg") !important;
  }
  html.dark .huggingface.colored {
    background-image: url("https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/huggingface-colored.svg") !important;
  }
}

/*-----------------------
CHANGELOG STYLES
-----------------------*/
@layer components {
  .btn-new {
    @apply bg-emerald-500/10 px-1.5 py-1 text-xs font-semibold rounded-md border border-emerald-500/30 text-emerald-900 dark:text-white transition-all duration-150 ease-in-out;
  }

  .btn-updated {
    @apply bg-blue-500/10 px-1.5 py-1 text-xs font-semibold rounded-md border border-blue-500/30 text-blue-800 dark:text-white transition-all duration-150 ease-in-out;
  }

  .btn-fixed {
    @apply bg-yellow-500/10 px-1.5 py-1 text-xs font-semibold rounded-md border border-yellow-500/30 text-yellow-800 dark:text-white transition-all duration-150 ease-in-out;
  }
}

/**********************/
/*     Animations     */
/**********************/
.wave {
  animation-name: wave-animation; /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s; /* Change to speed up or slow down */
  animation-iteration-count: infinite; /* Never stop waving :) */
  transform-origin: 70% 70%; /* Pivot around the bottom-left palm */
  display: inline-block;
}

@keyframes wave-animation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  } /* The following five values can be played with to make the waving more or less extreme */
  20% {
    transform: rotate(-8deg);
  }
  30% {
    transform: rotate(14deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(0deg);
  } /* Reset for the last half to pause */
  100% {
    transform: rotate(0deg);
  }
}
